//当鼠标覆盖购物车时下滑显示详细信息
$(document).ready(function(){
	$(".header_cart #cart_info").mouseover(function(){
		$("#cart_btnone").stop().slideDown("slow");
	})
	$(".header_cart .cart_btn").mouseleave(function(){
		$("#cart_btnone").stop().hide();
	});
});

//搜索框中热搜词列表下滑收缩的效果
$(document).ready(function(){
	$("#search").focus(function(){
		$("#keywords_list").stop().slideDown("slow");
	}).blur(function(){
		$("#keywords_list").stop().slideUp("fast");
	});
});

//当鼠标覆盖可视导航栏时出现商品热推
$(document).ready(function(){
	$(".nav_item").mouseover(function(){
		$(".head_nav_menu").show();
		var aa = $(this).index();
		$(".hover_list").eq(aa).show().slideDown("slow").siblings().hide();
	})/*.mouseleave(function(){//待解决问题
		$(".head_nav_menu").hide();
	});*/
	
	$(".head_nav_menu").mouseleave(function(){
		$(".head_nav_menu").slideUp();
	});
	
});


//轮播图
$(document).ready(function(){
	//显示第一张图片,其他所有的图片都需要隐藏(第一个div显示，其他的同类名为view_tu的都隐藏)
	 $(".slider_view .view_tu:first").show().siblings().hide();
	 //获取第一张图片(第一个li)的索引
	 var getIndex = $(".view_list").index();
	 //切换图片的方法
	 function changImage() {
		getIndex++;
		if(getIndex > $(".slider_view .view_tu").length - 1) {
			getIndex = 0
		}
		console.log(getIndex);
		/*切换图片*/
		$(".slider_view .view_tu").eq(getIndex).show().siblings().hide();
		/*给圆点添加背景颜色*/
		$(".slider_page_dian").eq(getIndex).addClass("slider_page_list").siblings().removeClass("slider_page_list");
	}
	 //定时器
	$clearTiem = setInterval(changImage, 3000);
	
	/*当鼠标移动到a标签的时候给标签添加一个背景颜色,其他节点的背景颜色要移除*/
	$(".slider_page_list a").mouseover(function() {
		/*暂停定时器*/
		clearInterval($clearTiem);
		//获取当前索引
		var getIndex = $(this).index();
		$(".slider_view .view_tu")
			.eq(getIndex).show().siblings().hide();
		/*给自己添加背景色*/
		$(this)
			.addClass("slider_page_list").siblings()
			.removeClass("slider_page_list");
	});
	//当鼠标移除a标签的时候要自动启用定时器
	$(".slider_page_list a").mouseout(function() {
		$clearTiem = setInterval(changImage, 3000);
	});

	$(".slider_direction .slider_down,.slider_direction .slider_up")
		.mouseover(function() {
			clearInterval($clearTiem);
		})
		.mouseout(function() {
			$clearTiem = setInterval(changImage, 3000);
		});
	/*当鼠标点击右边的时候:1/先获取有色背景的a标签的索引*/
	$(".slider_down").click(function() {
		getindex = $(".slider_page_dian a.slider-link").index();
		getindex++;
		if(getindex > $(".slider_view .view_tu").length - 1) {
			getindex = 0;
		}
		changImage(getindex);
	});
	/*当鼠标点击左边的时候:1/先获取有色背景的a标签的索引*/
	$(".slider_up").click(function() {
		getindex = $(".slider_page_list a.slider-link").index();
		getindex--;
		if(getindex > $(".slider_view .view_tu").length - 1) {
			getindex = getindex-1;
		}
		changImage(getindex);
	});
});

//热卖商品点击时进行滑动换页
$(document).ready(function(){
	$(".hot_more .hot_left").click(function(){
		$(".hot_list_show").css("margin-left","0px");
	});
	$(".hot_more .hot_right").click(function(){
		$(".hot_list_show").css("margin-left","-1226px");
		$(".hot_list_show li:nth-child(5)").css("margin-right","0");
	});
});

//上新商品部分点击更换物品列表
$(document).ready(function(){
	$(".new_more li").mouseover(function(){
		var index = $(this).index();
		$(".new_more li").eq(index).addClass("new_active").siblings().removeClass("new_active");
		$(".new_span_content .span_content_list").eq(index).addClass("span_content_show").siblings().removeClass("span_content_show");
	});
});

//推荐内容部分，当鼠标覆盖，出现一个评论上滑的效果
$(document).ready(function(){
	$(".push_body .push_content_ul li").mouseover(function(){
		var index = $(this).index();
		$(".push_content_ul li").eq(index).addClass("content_active");
	});
	$(".push_body .push_content_ul li").mouseleave(function(){
		var index = $(this).index();
		$(".push_content_ul li").eq(index).removeClass("content_active");
	});
});

//利用ajsx引用公用底部信息栏
$(document).ready(function(){
	$.ajax({
		type:"get",
		url:"../../static/foreground/footer.ftl",
		async:true,
		dataType:"text",//预期返回的数据类型
		success:function(data){
			$(".footer_index").append(data);
		}
	});
});

//完全通过ajax实现前后端交互
$(document).ready(function(){
	//获取后台数据发出请求（获取菜单）
	function getMenus(){
		return $.get("../../fore/index/getMenus",function(e){
			var obj = e.data;
			console.log(e);
			//把原来的内容给删除（在不动原代码的情况下），重新循环遍历布局
			$("#getMenus").html("");
			var innerHtml="";
			for(var i = 0;i < obj.length;i++){
				innerHtml += 
							"<li class='nav_item'>"+
								"<a href='###' class='link'>" +obj[i].name+ "</a>"+
								"<input type='hidden' value='"+obj[i].id+"' />"+
							"</li>"
			}
			$("#getMenus").append(innerHtml);
		}).promise();
	}
	$.when(getMenus());
	
	//获取菜单下的商品
	function getMenuGoodsInfos(){
		return $.ajax({ 
		    type : "get", //提交方式 
		    url : "../../fore/index/getMenuGoodsInfos",//路径 
		    data : { 
		    	"menuId":menuId
		    },//数据，这里使用的是Json格式进行传输 
		    success : function(e) {//返回数据根据结果进行相应的处理 
		    	var obj = e.data;
		      console.log(e);
		      //把原来的布局内容删除（在不动原代码的情况下），重新循环遍历布局
		      $("#getMenuGoodsInfos").html("");
		      var innerHtml="";
		      for(var i = 0;i < obj.length;i++){
					innerHtml += 
						"<li>"+
							"<div class='hover_thumb'>"+
								"<a href='###'>"+
									"<img src='"+obj[i].imgSrc+"' alt='小米MIX 2S' />"+
								"</a>"+
							"</div>"+
							"<div class='hover_title'>"+
								"<a href='###'>"+obj[i].name+"</a>"+
							"</div>"+
							"<p class='hover_price'>"+obj[i].orgPrice+"</p>"+
							
							"<div class='hover_flags'>"+
								"<div class='hover_flag'>"+obj[i].newSign+"</div>"+
							"</div>"+
							
							"<input type='hidden' value='"+obj[i].menuId+"' />"+
						"</li>"
				}
				$("#getMenuGoodsInfos").append(innerHtml);
		    } 
	 }).promise();
	}
	$(".header_nav .item_nav").mouseover(function(){
		$.when(getMenuGoodsInfos());
	});
	
	//获取分类
	function getGoodsClasses(){
		return $.get("../../fore/index/getGoodsClasses",function(e){
			var obj = e.data;
			console.log(e);
			//把原来的内容给删除（在不动原代码的情况下），重新循环遍历布局
			$("#getGoodsClasses").html("");
			var innerHtml="";
			for(var i = 0;i < obj.length;i++){
				innerHtml += 
					"<li class='varity_hid_li'>"+
						"<a href='../../fore/goodsClass/toGoodsClassPage?classId="+obj[i].id+"' class='title'>"+obj[i].name+
							"<i class='iconfont'>"+"&#xe62e;"+"</i>"+
						"</a>"+
						//点击选项卡出现的分类列表
						"<div class='title_children children_col_3'>"+
							//左边一列手机展示
							"<ul class='title_children_ul' id='getClassGoodsInfos'>"+"</ul>"+
							//中间一列手机展示
							"<ul class='title_children_ul' id='getClassGoodsInfos'>"+"</ul>"+
							//右边一列手机展示
							"<ul class='title_children_ul' id='getClassGoodsInfos'>"+"</ul>"+
						"</div>"+
						"<input type='hidden' value='"+obj[i].id+"' />"+
					"</li>"
			}
			$("#getGoodsClasses").append(innerHtml);
		}).promise();
	}
	$.when(getGoodsClasses());
	
	//获取分类下的商品
	function getClassGoodsInfos(){
		return $.ajax({ 
		    type : "get", //提交方式 
		    url : "../../fore/index/getClassGoodsInfos",//路径 
		    data : { 
		    	"classId":id
		    },//数据，这里使用的是Json格式进行传输 
		    success : function(e) {//返回数据根据结果进行相应的处理 
		    	var obj = e.data;
		      console.log(e);
		      //把原来的布局内容删除（在不动原代码的情况下），重新循环遍历布局
		      $("#getClassGoodsInfos").html("");
		      var innerHtml="";
		      for(var i = 0;i < obj.length;i++){
					innerHtml += 
						"<li>"+
							"<a href='"+obj[i].link+"' class='title_children_a'>"+
								"<img src='"+obj[i].imgSrc+"' class='thumb' />"+
								"<span class='title_text'>"+obj[i].name+"</span>"+
							"</a>"+
							"<input type='hidden' value='"+obj[i].classId+"' />"+
						"</li>"
				}
				$("#getClassGoodsInfos").append(innerHtml);
		    } 
	 }).promise();
	}
	$(".header_nav .varity_hid_li").mouseover(function(){
		$.when(getClassGoodsInfos());
	});
	
	//获取轮播图
	function getBanners(){
		return $.get("../../fore/index/getBanners",function(e){
			var obj = e.data;
			console.log(e);
			//把原来的内容给删除（在不动原代码的情况下），重新循环遍历布局
			$("#getBanners").html("");
			var innerHtml="";
			for(var i = 0;i < obj.length;i++){
				innerHtml += 
					"<div class='view_tu view_list'>"+
						"<a href='"+obj[i].link+"'>"+
							 "<img src='../../static/"+obj[i].imgSrc+"' />" +
						"</a>"+
						"<input type='hidden' value='"+obj[i].id+"' />"+
					"</div>"
			}
			$("#getBanners").append(innerHtml);
		}).promise();
	}
	$.when(getBanners());
	
	//获取热卖商品
	function getHotGoodsInfos(){
		return $.get("../../fore/index/getHotGoodsInfos",function(e){
			var obj = e.data;
			console.log(e);
			//把原来的内容给删除（在不动原代码的情况下），重新循环遍历布局
			$("#getHotGoodsInfos").html("");
			var innerHtml="";
			for(var i = 0;i < obj.length;i++){
				innerHtml += 
					"<li class='list_show'>"+
						"<a href='"+obj[i].link+"'>"+"<div class='hot_bg'>"+"</div>"+"</a>"+
						"<div class='hot_content'>"+
							"<a href='"+obj[i].link+"' class='hot_thumb'>"+"<img src='../../static/"+obj[i].imgSrc+"'/>"+"</a>"+
							"<h3 class='hot_thumb_title'>"+"<a href='"+obj[i].link+"'>"+obj[i].name+"</a>"+"</h3>"+
							"<p class='hot_desc'>"+obj[i].describe+"</p>"+
							"<p class='hot_price'>"+
								"<span>"+obj[i].disPrice+"</span>&nbsp;"+
								"<span>"+"元"+"</span>&nbsp;"+
								"<del>"+obj[i].orgPrice+"元"+"</del>"+
							"</p>"+
						"</div>"+
						"<input type='hidden' value='"+obj[i].id+"' />"+
					"</li>"
			}
			$("#getHotGoodsInfos").append(innerHtml);
		}).promise();
	}
	$.when(getHotGoodsInfos());
	
	//获取新品商品
	function getNewGoodsInfos(){
		return $.get("../../fore/index/getNewGoodsInfos",function(e){
			var obj = e.data;
			console.log(e);
			//把原来的内容给删除（在不动原代码的情况下），重新循环遍历布局
			$("#getNewGoodsInfos").html("");
			var innerHtml="";
			for(var i = 0;i < obj.length;i++){
				innerHtml += 
					"<li class='new_span_item'>"+
						"<div class='span_figure'>"+
							"<a href='"+obj[i].link+"' class='figure_img'>"+
								"<img src='../../static/"+obj[i].imgSrc+"' alt='"+obj[i].name+"'/>"+
							"</a>"+
						"</div>"+
						"<h3 class='span_title'>"+
							"<a href='"+obj[i].link+"'>"+obj[i].name+"</a>"+
						"</h3>"+
						"<p class='new_desc'>"+obj[i].describe+"</p>"+
						"<p class='new_price'>"+
							"<span class='new_num'>"+obj[i].disPrice+"</span>"+"元"+
							"<del>"+"<span class='new_num'>"+obj[i].orgPrice+"</span>"+"元"+"</del>"+
						"</p>"+
						"<div class='new_flag flag_all'>"+obj[i].newSign+"</div>"+
						
						"<input type='hidden' value='"+obj[i].id+"' />"+
					"</li>"
			}
			$("#getNewGoodsInfos").append(innerHtml);
		}).promise();
	}
	$.when(getNewGoodsInfos());
});


